<template>
  <div>
    <div ref="concant">div元素</div>
    <hr />
    {{ data }}
  </div>
</template>
<script>
import { ref, onMounted } from "vue";
export default {
  setup() {
    // 创建一个DOM引用，名称必须与元素的ref属性名相同
    const concant = ref(null);
    const data = ref(998);
    // 在挂载后才能通过 el 获取到目标元素
    onMounted(() => {
      concant.value.innerHTML = "内容被修改成一样的了";
    });
    // 把创建的引用 return 出去
    return { concant, data };
  },
};
</script>
